<html>
<head>
<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.transparentDiv {
  opacity: 0.5;
}
</style>
<script type="text/javascript">
function set_bgcolor_to_red()
{
  document.bgColor = "#FF0000";
  return document.bgColor;
}
function set_bgcolor_to_blue()
{
  document.bgColor = "#0000FF";
  return document.bgColor;
}
var g_div = null;
function create_transparent_layer()
{
  // create black layer, 50% transparent
	var div = document.createElement("div");
	div.id="div_test";	
	div.style.position = "absolute";
	div.style.left = "0px";
	div.style.top = "0px";
	div.style.width = innerWidth;
	div.style.height = innerHeight-100;
	div.style.zIndex = "99";		
	div.style.background = "#000000";
	div.style.opacity = 0.5;
	g_div = div;
	document.body.appendChild(div);  		
}
function opacify_layer()
{
  g_div.style.opacity = 0.75;
}
function delete_layer()
{
    if(g_div != null)
    {
		document.body.removeChild(g_div);
		g_div = null;
	}
}
</script>
</head>
<body onLoad="set_bgcolor_to_red();">
<table width="100%" height="100%">
<tr><td>
<p>UNIT TEST PAGE, BGCOLOR MUST BE RED</p>
</td></tr>
</table>
</body>
</html>
